//import React from 'react';
//import FlatButton from '../../../../node_modules/material-ui/lib/flat-button';
//import LeftNav from 'material-ui/lib/left-nav';
//import AppBar from 'material-ui/lib/app-bar';
//import List from 'material-ui/lib/lists/list';
//import ListItem from 'material-ui/lib/lists/list-item';
//import Divider from 'material-ui/lib/divider';
//import HttpRequest from '../HttpRequest.js';
//
//var WorkspaceListNav = React.createClass({
//    getInitialState: function () {
//        return {
//            open: false,
//            dependencies: [],
//        }
//    },
//    refresh :function(){
//        var work_id = this.props.work_id;
//        HttpRequest.getDependencies(work_id).success(function (data) {
//            this.setState({dependencies: data});
//        }.bind(this)).error(function (error) {
//            console.log('获取版本信息失败');
//        });
//    },
//    handleToggle: function () {
//        var work_id = this.props.work_id;
//        HttpRequest.getDependencies(work_id).success(function (data) {
//            this.setState({dependencies: data},function(err){
//                this.setState({open: !this.state.open});
//            });
//        }.bind(this)).error(function (error) {
//            console.log('获取版本信息失败');
//        });
//    },
//    updateTarget : function(){
//        var work_id = this.props.work_id;
//        var options = {
//            work_id:work_id
//        }
//        HttpRequest.downloadDependency(options).success(function (data) {
//            this.refresh();
//            alert("更新成功!");
//        }.bind(this)).error(function (error) {
//            alert("更新失败!");
//        });
//    },
//    render(){
//        var father = this;
//        return (
//            <LeftNav width={400} openRight={true} docked={false} open={this.state.open}
//                     onRequestChange={open => this.setState({open})}>
//                <h2 style={{ fontSize: 24,paddingTop: 16,marginBottom: 12,fontWeight: 400}}>工作空间依赖</h2>
//                <table id="workdenp_table">
//                    <tbody>
//                    {
//                        this.state.dependencies.map(function (dependency, i) {
//
//                            if (dependency.flag == "same") {
//                                return <tr key={i}>
//                                    <td><a><font color="green">{dependency.name}</font></a></td>
//                                    <td>{dependency.version}</td>
//                                    <td><FlatButton label="最新" primary={true}/></td>
//                                </tr>
//                            } else if (dependency.flag == "new") {
//                                return <tr key={i}>
//                                    <td><a><font color="red">{dependency.name}</font></a></td>
//                                    <td>{dependency.version}</td>
//                                    <td><FlatButton label="新产品" primary={true}/></td>
//                                </tr>
//                            } else if (dependency.flag == "behind") {
//                                return <tr key={i}>
//                                    <td><a><font color="blue">{dependency.name}</font></a></td>
//                                    <td>{dependency.version}</td>
//                                    <td><FlatButton label="有新版本" primary={true}/></td>
//                                </tr>
//                            }else if (dependency.flag == "invalid") {
//                                return <tr key={i}>
//                                    <td><a><font color="grey">{dependency.name}</font></a></td>
//                                    <td>{dependency.version}</td>
//                                    <td><FlatButton label="已失效" primary={true}/></td>
//                                </tr>
//                            }else if (dependency.flag == "unload") {
//                                return <tr key={i}>
//                                    <td><a ><font color="grey">{dependency.name}</font></a></td>
//                                    <td>{dependency.version}</td>
//                                    <td><FlatButton label="未下载" primary={true}/></td>
//                                </tr>
//                            }
//
//                        })
//                    }
//                    </tbody>
//                </table>
//                <div style={{position:"absolute",bottom:0}}>
//                    <FlatButton label="更新依赖" onClick={this.updateTarget} primary={true}/>
//                </div>
//            </LeftNav>
//        )
//    }
//});
//
//module.exports = WorkspaceListNav;